<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>核对订单详情</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/order.css">
    <link rel="stylesheet" href="download/font_2136639_zdwh392r2ve/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header" id="head">
        <!-- 版心 -->
        <div class="header-con">
            <ul class="header-l">
                <li>品牌</li>
                <li>Funtouch OS</li>
                <li>体验店</li>
                <li>企业业务</li>
                <li>社区</li>
            </ul>
            <ul class="header-r">
                <span class="iconfont icon-xiazai"></span>
                <li class="downloadApp">下载APP</li>
                <span>|</span>
                <li>购物车</li>
                <li>个人中心</li>
                <div class="erweima">
                    <img src="img/HomePage/erweima.png" alt="">
                    <span>扫描下载  vivo官网APP</span>
                </div>
            </ul>
        </div>
    </div>
    <div class="box">
        <!-- 导航 -->
        <div class="nav">
            <!-- 版心 -->
            <div class="nav-con">
                <div class="logo">
                    <span class="iconfont icon-VIVO"></span>
                </div>
                <ul>
                    <li class="nex">NEX系列</li>
                    <li class="x">X系列</li>
                    <li class="s">S系列</li>
                    <li class="y">Y系列</li>
                    <li class="z">Z系列</li>
                    <li class="u">U系列</li>
                    <li class="iqoo">IQOO系列</li>
                    <li class="hardware">智能硬件</li>
                    <li class="noclick">商城</li>
                    <li>服务</li>
                </ul>
                <span class="iconfont icon-sousuo-menu"></span>
            </div>
        </div>
        <!-- 导航展示 -->
        <div>
            <!-- NEX -->
            <div class="nav-nex">
                <div class="nav-nex-con">
                    <dl>
                        <dt>
                            <img src="img/HomePage/nex-1-1.png" alt="">
                            <img src="img/HomePage/nex-1-3.png" alt="">
                            <img src="img/HomePage/nex-1-2.png" alt="">
                        </dt>
                        <dd>NEX 3S</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/nex-2-2.png" alt="">
                            <img src="img/HomePage/nex-2-3.png" alt="">
                            <img src="img/HomePage/nex-2-1.png" alt="">
                        </dt>
                        <dd>NEX3&NEX 3 5G</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/nex-3-3.png" alt="">
                            <img src="img/HomePage/nex-3-2.png" alt="">
                            <img src="img/HomePage/nex-3-1.png" alt="">
                        </dt>
                        <dd>NEX双屏版</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/nex-4-1.png" alt="">
                            <img src="img/HomePage/nex-4-2.png" alt="">
                            <img src="img/HomePage/nex-4-3.png" alt="">
                        </dt>
                        <dd>NEX旗舰版</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/nex-5-3.png" alt="">
                            <img src="img/HomePage/nex-5-1.png" alt="">
                            <img src="img/HomePage/nex-5-2.png" alt="">
                        </dt>
                        <dd>NEX&NEX屏幕指纹版</dd>
                    </dl>
                </div>
                <div class="all-nex">
                    <div class="all-nex-l">
                        <span class="iconfont icon-sangedian-fill"></span>
                        <span>全部NEX机型</span>
                    </div>
                    <div class="all-nex-r">
                        <span class="iconfont icon-duibi"></span>
                        <span>对比NEX机型</span>
                    </div>
                </div>
            </div>
            <!-- X系列 -->
            <div class="nav-x">
                <div class="nav-x-con">
                    <dl>
                        <dt>
                            <img src="img/HomePage/x-1-1.png" alt="">
                            <img src="img/HomePage/x-1-2.png" alt="">
                            <img src="img/HomePage/x-1-3.png" alt="">
                        </dt>
                        <dd>X50 Pro+</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/x-2-2.png" alt="">
                            <img src="img/HomePage/x-2-1.png" alt="">
                            <img src="img/HomePage/x-2-3.png" alt="">
                        </dt>
                        <dd>X50 Pro</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/x-3-2.png" alt="">
                            <img src="img/HomePage/x-3-1.png" alt="">
                            <img src="img/HomePage/x-3-3.png" alt="">
                        </dt>
                        <dd>X50</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/x-4-1.png" alt="">
                            <img src="img/HomePage/x-4-2.png" alt="">
                            <img src="img/HomePage/x-4-3.png" alt="">
                        </dt>
                        <dd>X30 Pro</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/x-5-1.png" alt="">
                            <img src="img/HomePage/x-5-2.png" alt="">
                            <img src="img/HomePage/x-5-3.png" alt="">
                        </dt>
                        <dd>X30</dd>
                    </dl>
                </div>
                <div class="all-x">
                    <div class="all-x-l">
                        <span class="iconfont icon-sangedian-fill"></span>
                        <span>全部X机型</span>
                    </div>
                    <div class="all-x-r">
                        <span class="iconfont icon-duibi"></span>
                        <span>对比X机型</span>
                    </div>
                </div>
            </div>
            <!-- S系列 -->
            <div class="nav-s">
                <div class="nav-s-con">
                    <dl>
                        <dt>
                            <img src="img/HomePage/s-1-1.png" alt="">
                            <img src="img/HomePage/s-1-2.png" alt="">
                            <img src="img/HomePage/s-4-3.png" alt="">
                        </dt>
                        <dd>S7</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/s-2-2.png" alt="">
                            <img src="img/HomePage/s-2-1.png" alt="">
                            <img src="img/HomePage/s-2-3.png" alt="">
                        </dt>
                        <dd>S6</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/s-3-2.png" alt="">
                            <img src="img/HomePage/s-3-1.png" alt="">
                            <img src="img/HomePage/s-3-3.png" alt="">
                        </dt>
                        <dd>S5</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/s-4-1.png" alt="">
                            <img src="img/HomePage/s-4-2.png" alt="">
                            <img src="img/HomePage/s-1-3.png" alt="">
                        </dt>
                        <dd>S1 Pro</dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/HomePage/s-5-1.png" alt="">
                            <img src="img/HomePage/s-5-2.png" alt="">
                            <img src="img/HomePage/s-5-3.png" alt="">
                        </dt>
                        <dd>S1</dd>
                    </dl>
                </div>
                <div class="all-s">
                    <div class="all-s-l">
                        <span class="iconfont icon-sangedian-fill"></span>
                        <span>全部S机型</span>
                    </div>
                    <div class="all-s-r">
                        <span class="iconfont icon-duibi"></span>
                        <span>对比S机型</span>
                    </div>
                </div>
            </div>
            <!-- Y系列 -->
            <div class="nav-y">
                <div class="nav-y-con">
                    <dl>
                        <dt>
                                <img src="img/HomePage/y-1-1.png" alt="">
                                <img src="img/HomePage/y-1-2.png" alt="">
                                <img src="img/HomePage/y-4-3.png" alt="">
                            </dt>
                        <dd>Y37s</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/y-2-2.png" alt="">
                                <img src="img/HomePage/y-2-1.png" alt="">
                                <img src="img/HomePage/y-2-3.png" alt="">
                            </dt>
                        <dd>Y51s</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/y-3-2.png" alt="">
                                <img src="img/HomePage/y-3-1.png" alt="">
                                <img src="img/HomePage/y-3-3.png" alt="">
                            </dt>
                        <dd>Y70s</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/y-4-1.png" alt="">
                                <img src="img/HomePage/y-4-2.png" alt="">
                                <img src="img/HomePage/y-1-3.png" alt="">
                            </dt>
                        <dd>Y50</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/y-5-1.png" alt="">
                                <img src="img/HomePage/y-5-2.png" alt="">
                                <img src="img/HomePage/y-5-3.png" alt="">
                            </dt>
                        <dd>Y9s</dd>
                    </dl>
                </div>
                <div class="all-y">
                    <div class="all-y-l">
                        <span class="iconfont icon-sangedian-fill"></span>
                        <span>全部Y机型</span>
                    </div>
                    <div class="all-y-r">
                        <span class="iconfont icon-duibi"></span>
                        <span>对比Y机型</span>
                    </div>
                </div>
            </div>
            <!-- Z系列 -->
            <div class="nav-z">
                <div class="nav-z-con">
                    <dl>
                        <dt>
                                <img src="img/HomePage/nex-1-1.png" alt="">
                                <img src="img/HomePage/nex-1-3.png" alt="">
                                <img src="img/HomePage/nex-1-2.png" alt="">
                            </dt>
                        <dd>Z6</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/nex-2-2.png" alt="">
                                <img src="img/HomePage/nex-2-3.png" alt="">
                                <img src="img/HomePage/nex-2-1.png" alt="">
                            </dt>
                        <dd>Z5</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/nex-3-3.png" alt="">
                                <img src="img/HomePage/nex-3-2.png" alt="">
                                <img src="img/HomePage/nex-3-1.png" alt="">
                            </dt>
                        <dd>Z5x 712版</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/nex-4-1.png" alt="">
                                <img src="img/HomePage/nex-4-2.png" alt="">
                                <img src="img/HomePage/nex-4-3.png" alt="">
                            </dt>
                        <dd>Z5x</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/nex-5-3.png" alt="">
                                <img src="img/HomePage/nex-5-1.png" alt="">
                                <img src="img/HomePage/nex-5-2.png" alt="">
                            </dt>
                        <dd>Z5</dd>
                    </dl>
                </div>
                <div class="all-z">
                    <div class="all-z-l">
                        <span class="iconfont icon-sangedian-fill"></span>
                        <span>全部Z机型</span>
                    </div>
                    <div class="all-z-r">
                        <span class="iconfont icon-duibi"></span>
                        <span>对比Z机型</span>
                    </div>
                </div>
            </div>
            <!-- U系列 -->
            <div class="nav-u">
                <div class="nav-u-con">
                    <dl>
                        <dt>
                                <img src="img/HomePage/s-1-1.png" alt="">
                                <img src="img/HomePage/s-1-2.png" alt="">
                                <img src="img/HomePage/s-4-3.png" alt="">
                            </dt>
                        <dd>U3</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/s-2-2.png" alt="">
                                <img src="img/HomePage/s-2-1.png" alt="">
                                <img src="img/HomePage/s-2-3.png" alt="">
                            </dt>
                        <dd>U3x</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/s-3-2.png" alt="">
                                <img src="img/HomePage/s-3-1.png" alt="">
                                <img src="img/HomePage/s-3-3.png" alt="">
                            </dt>
                        <dd>U1</dd>
                    </dl>
                </div>
                <div class="all-u">
                    <div class="all-u-l">
                        <span class="iconfont icon-sangedian-fill"></span>
                        <span>全部U机型</span>
                    </div>
                    <div class="all-u-r">
                        <span class="iconfont icon-duibi"></span>
                        <span>对比U机型</span>
                    </div>
                </div>
            </div>
            <!-- IQOO系列 -->
            <div class="nav-iqoo">
                <div class="nav-iqoo-con">
                    <dl>
                        <dt>
                                <img src="img/HomePage/s-1-1.png" alt="">
                                <img src="img/HomePage/s-1-2.png" alt="">
                                <img src="img/HomePage/s-4-3.png" alt="">
                            </dt>
                        <dd>IQOO5 Pro</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/s-2-2.png" alt="">
                                <img src="img/HomePage/s-2-1.png" alt="">
                                <img src="img/HomePage/s-2-3.png" alt="">
                            </dt>
                        <dd>IQOO5</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/s-3-2.png" alt="">
                                <img src="img/HomePage/s-3-1.png" alt="">
                                <img src="img/HomePage/s-3-3.png" alt="">
                            </dt>
                        <dd>IQOO Z1x</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/s-4-1.png" alt="">
                                <img src="img/HomePage/s-4-2.png" alt="">
                                <img src="img/HomePage/s-1-3.png" alt="">
                            </dt>
                        <dd>IQOO U1</dd>
                    </dl>
                    <dl>
                        <dt>
                                <img src="img/HomePage/s-5-1.png" alt="">
                                <img src="img/HomePage/s-5-2.png" alt="">
                                <img src="img/HomePage/s-5-3.png" alt="">
                            </dt>
                        <dd>IQOO Neo3</dd>
                    </dl>
                </div>
                <div class="all-iqoo">
                    <div class="all-iqoo-l">
                        <span class="iconfont icon-sangedian-fill"></span>
                        <span>全部IQOO机型</span>
                    </div>
                    <div class="all-iqoo-r">
                        <span class="iconfont icon-duibi"></span>
                        <span>对比IQOO机型</span>
                    </div>
                </div>
            </div>
            <!-- 智能硬件 -->
            <div class="nav-hardware">
                <div class="nav-hardware-con">
                    <dl>
                        <dt>
                              <img src="img/HomePage/hardware1.png" alt="">     
                        </dt>
                        <dd>vivo TWS Neo</dd>
                    </dl>
                    <dl>
                        <dt>
                        <img src="img/HomePage/hardware2.png" alt="">
                        </dt>
                        <dd>vivo WATCH</dd>
                    </dl>
                    <dl>
                        <dt>
                              <img src="img/HomePage/hardware3.png" alt="">  
                        </dt>
                        <dd>vivo TWs 1</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 核对订单信息 -->
    <div class="order-title">
        核对订单信息
    </div>
    <!-- 收货人信息 -->
    <div class="consignee">
        <p>收货人信息</p>
        <div class="postInfo">
            <div class="info" id="template">
                <ul class="info-t">
                    <li class="info-name"></li>
                    <li class="info-phone"></li>
                </ul>
                <p class="info-b  info-address"></p>
            </div>
        </div>
        <div class="consignee-con">
            <div class="addAddress">+</div>
            添加新地址
        </div>
    </div>
    <!-- 遮罩层 -->
    <div class="mask"></div>
    <!-- 弹出框 -->
    <div class="popup">
        <span>×</span>
        <p>新建收货地址</p>
        <div>
            <span>*</span> 收货人:
            <input type="text" class="popup-people">
        </div>
        <div>
            <span>*</span> 手机号:
            <input type="text" class="popup-phone">
        </div>
        <div>
            <span>*</span> 收货地区:
            <select name="" id="province"></select>
            <select name="" id="city"></select>
            <select name="" id="area"></select>
        </div>
        <div>
            <span>*</span> 详细地址:
            <input type="text" class="popup-address">
        </div>
        <div class="keep">
            保存
        </div>
    </div>
    <!-- 电子发票 -->
    <div class="ticket">
        <p>
            电子发票
        </p>
        <ul>
            <li>个人发票</li>
            <li>公司发票</li>
        </ul>
    </div>
    <!-- 确认商品 -->
    <div class="confirmGood">
        <p>确认商品</p>
        <div class="car">
            <table width="1100" height="200px" cellspacing=0 class="shoppingCar">
                <tr>
                    <th class="all-select">商品样图</th>
                    <th class="name">商品名称</th>
                    <th class="price">价格(元)</th>
                    <th class="num">数量</th>
                    <th class="free">优惠</th>
                    <th class="score">赠送积分</th>
                    <th class="allPrice">小计(元)</th>
                </tr>
                <tr>
                    <td class="all-select-con">
                        <img src="" alt="" class="pic">
                    </td>
                    <td class="name-con"></td>
                    <td class="price-con"></td>
                    <td class="num-con"></td>
                    <td>
                        0.00
                    </td>
                    <td class="score-con"></td>
                    <td class="allPrice-con"></td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 优惠券 -->
    <div class="discount">
        没有可使用的优惠券
    </div>
    <!-- 订单详情 -->
    <div class="order">
        <p>已选<span class="order-num"></span>件商品,合计(不含运费): <span class="order-price"></span></p>
        <p>
            运费: ￥0.00
        </p>
        <p>
            优惠:<span class="red">-￥0.00</span>
        </p>
        <p>
            赠送积分: <span class="order-send"></span>
        </p>
        <div class="pay">
            应付金额: <span class="red payMoney"></span>
        </div>
        <div class="goPay">
            去支付
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="footer-con">
            <div class="footer-con-t">
                <ul>
                    <li>
                        <span class="iconfont icon-Officialofficialtext"></span> 官方正品
                    </li>
                    <li>
                        <span class="iconfont icon-box"></span> 顺丰极速达
                    </li>
                    <li>
                        <span class="iconfont icon-like"></span> 全国联保
                    </li>
                    <li>
                        <span class="iconfont icon-shandianpeisong"></span> 镭雕定制
                    </li>
                </ul>
            </div>
            <div class="footer-con-m">
                <div class="m-link">
                    <ul>
                        <li>热门链接</li>
                        <li>X50 Pro</li>
                        <li>S7</li>
                        <li>NEX 3S</li>
                        <li>vivo摄影</li>
                        <li>查找手机</li>
                        <li>常见问题</li>
                    </ul>
                </div>
                <div class="m-buy">
                    <ul>
                        <li>在线购买</li>
                        <li>官方商城</li>
                        <li>选购手机</li>
                        <li>选购配件</li>
                        <li>企业服务</li>
                        <li>以旧换新</li>
                        <li>保障服务</li>
                    </ul>
                </div>
                <div class="m-service">
                    <ul>
                        <li>服务支持</li>
                        <li>体验店</li>
                        <li>服务首页</li>
                        <li>服务网点查询</li>
                        <li>真伪查询</li>
                        <li>预约维修</li>
                        <li>维修配件价格</li>
                        <li>服务政策</li>
                        <li>安全公告</li>
                    </ul>
                </div>
                <div class="m-community">
                    <ul>
                        <li>vivo社区</li>
                        <li>社区首页</li>
                        <li>摄影专区</li>
                        <li>新浪微博</li>
                        <li>百度贴吧</li>
                        <li>兴趣部落</li>
                    </ul>
                </div>
                <div class="m-about">
                    <ul>
                        <li>关于vivo</li>
                        <li>vivo简介</li>
                        <li>工作机会</li>
                        <li>新闻资讯</li>
                        <li>采购平台</li>
                        <li>供应商协同平台</li>
                        <li>开放平台</li>
                        <li>廉正合规</li>
                    </ul>
                </div>
                <div class="m-contact">
                    <ul>
                        <li>
                            <span class="iconfont icon-duanxin"></span> 在线客服
                        </li>
                        <li>
                            <span class="iconfont icon-dianhua"></span> 全国客户服务热线7*24小时
                        </li>
                        <li>
                            400-678-9688
                        </li>
                        <li>
                            <span class="iconfont icon-rexian"></span> NEX专属服务热线7*24小时
                        </li>
                        <li>
                            400-679-9688
                        </li>
                        <li>
                            <span class="iconfont icon-guanzhu"></span> 关注vivo
                        </li>
                        <li>
                            <div>
                                <span class="iconfont icon-weibo"></span>
                            </div>
                            <div>
                                <span class="iconfont icon-weixin-copy"></span>
                            </div>
                            <div>
                                <span class="iconfont icon-changyonglogo30erp"></span>
                            </div>
                            <div>
                                <span class="iconfont icon-lianjie"></span>
                            </div>
                        </li>
                    </ul>
                    <div class="vivo-score">
                        <img src="img/HomePage/vivo-store.png" alt="">
                        <p>公众号:vivo官方商城</p>
                    </div>
                    <div class="vivo-pay">
                        <img src="img/HomePage/vivo-pay.png" alt="">
                        <p>生活号:vivo智能手机</p>
                    </div>
                    <div class="vivo-app">
                        <img src="img/HomePage/vivo-app.jpg" alt="">
                        <p>小程序:vivo官方商城</p>
                    </div>
                </div>
            </div>
            <div class="footer-con-b">
                <div>
                    &copy;2011-2020广东天宸网络科技有限公司版权所有|隐私政策|法律声明|营业执照|粤B2-200802567|粤ICP备14052990号|粤公网安备44190032004246号
                </div>
                <div>
                    Select Location
                    <span class="iconfont icon-diqiu"></span>
                </div>
            </div>
        </div>
    </div>

    <!-- 侧边栏 -->
    <ul class="side">
        <li>
            <span class="iconfont icon-gouwuche"></span>
        </li>
        <li>
            <span class="iconfont icon-erji"></span>
        </li>
        <li>
            <span class="iconfont icon-wenhao"></span>
        </li>
        <li>
            <a href="#head">
                <span class="iconfont icon-shippingdefault"></span>
            </a>
        </li>
    </ul>

    <script src="lib/common.js"></script>
    <script src="lib/jquery.min.js"></script>
    <script src="js/order.js"></script>
    <script src="lib/citys.js"></script>
    <script src="lib/tool.js"></script>

    <script>
        //省市区三级联动
        let province = $("#province");
        let city = $("#city");
        let area = $("#area");

        citys.forEach(item => {
            let option = $(`<option>${item.provinceName}</option>`);
            option.appendTo(province);
        })

        citys[0].mallCityList.forEach(item => {
            let option = $(`<option>${item.cityName}</option>`);
            option.appendTo(city);
        })

        citys[0].mallCityList[0].mallAreaList.forEach(item => {
            let option = $(`<option>${item.areaName}</option>`);
            option.appendTo(area);
        })

        province.change(function() {
            updataCity.call(this);
            updataArea.call(city[0]);
        })
        city.change(function() {
            updataArea.call(this);
        })

        function updataCity() {
            city.html("");
            //返回当前选中的选项在其select标签中的下标
            cityList = citys[this.selectedIndex].mallCityList;
            cityList.forEach(item => {
                let option = $(`<option>${item.cityName}</option>`);
                city.append(option);
            })
        }

        function updataArea() {
            area.html("");
            let areaList = cityList[this.selectedIndex].mallAreaList;
            areaList.forEach(item => {
                let option = $(`<option>${item.areaName}</option>`);
                area.append(option);
            })
        }

        //发送请求
        $.ajax({
            url: `${address}/getOrder`,
            data: {
                id: parseUrl(location.href).id,
            },
            success(data) {
                data.forEach(item => {
                    $(".pic").attr("src", item.img);
                    $(".name-con").html(item.name);
                    $(".price-con").html(item.price);
                    $(".num-con").html(item.allnum);
                    $(".score-con").html(item.allprice);
                    $(".allPrice-con").html(`${item.allprice}.00`);
                    $(".order-num").html(item.allnum);
                    $(".order-price").html(`￥${item.allprice}`);
                    $(".order-send").html(item.allprice);
                    $(".payMoney").html(`￥${item.allprice}.00`);
                })
            }
        })

        //保存按钮
        $(".keep").click(function() {
            if ($(".popup-people").val() && $(".popup-phone").val() && $(".popup-address").val()) {
                let newItem = $("#template").clone();
                newItem.attr("id", "");
                newItem.addClass("new");
                newItem.find(".info-name").html($(".popup-people").val());
                newItem.find(".info-phone").html($(".popup-phone").val());
                newItem.find(".info-address").html($("#province").val() + $("#city").val() + $("#area").val() + $(".popup-address").val());
                newItem.appendTo($(".postInfo"));
            } else {
                alert("请填写完整信息!");
            }
            $(".mask").hide();
            $(".popup").hide();
        })

        //去支付
        $(".goPay").click(function() {
            let date = new Date();

            if ($(".new .info-name").html() && $(".new  .info-phone").html() && $(".new  .info-address").html()) {
                $.ajax({
                    url: `${address}/success`,
                    data: {
                        goodsid: parseUrl(location.href).id,
                        allprice: $(".payMoney").html().slice(1, 5),
                        allnum: $(".num-con").html(),
                        postname: $(".new .info-name").html(),
                        postphone: $(".new .info-phone").html(),
                        postaddress: $(".new .info-address").html(),
                        date: date.toLocaleDateString() + " " + date.toLocaleTimeString().slice(2),
                    },
                    success(data) {
                        console.log(data);
                    }
                })
                location.href = `${address}/success.html?id=${ parseUrl(location.href).id}`
            } else {
                alert("请输入收货信息")
            }
        })
    </script>
</body>

</html>